/**
 * Dear programmer:
 * When I wrote this code, only god and I knew how it worked.
 * Now, only god knows it!
 *
 * @author: Pegasus  Date: 2018/11/24 Time: 01:09
 */

import {StyleSheet} from 'react-native';
import {
    COLOR_THEME,
    COLOR_WHITE,
    FONT_COLOR_TITLE,
    FONT_SIZE_14,
    FONT_SIZE_SUB_TITLE,
    FONT_SIZE_TITLE,
    COLOR_GRAY_LINE, FONT_COLOR_SUB_TITLE, COLOR_GRAY_BACKGROUND, COLOR_HEADER_END, COLOR_FOCUS
} from "../../../constant/PHColors"
import {SCREEN_WIDTH,SCREEN_HEIGHT} from "../../../constant/PHScreen"
import {Header} from "react-navigation";

export const styles = StyleSheet.create({
    body:{
        height:SCREEN_HEIGHT-Header.HEIGHT-65,
        paddingLeft: 2,
        paddingRight: 2,
        // backgroundColor: 'pink',
    },

    container: {
        flex: 1,
        // width:SCREEN_WIDTH,
        backgroundColor: COLOR_THEME,
    },

    windowCenter:{
        flex: 1,
        flexDirection: 'column',
        justifyContent: 'center',
        alignItems: 'center',
    },

    headerText: {
        fontSize: 16,
        color: FONT_COLOR_SUB_TITLE,
    },

    tableHeader:{
        height: 45,
        backgroundColor: '#fefefe',
        borderBottomWidth: 2,
        borderColor:COLOR_THEME,
    },

    tableText:{
        margin: 10,
        textAlign: 'center',
        color:FONT_COLOR_TITLE
    },

    describ_html:{
        textAlign:'left',
        color:FONT_COLOR_TITLE,
        marginLeft:10,
    },

    place_html:{
        textAlign:'center',
        color:COLOR_FOCUS
    },

    opdateView: {
        backgroundColor: '#4a65ff',
        justifyContent: 'center',
        alignItems: 'center',
        flexDirection: 'row',
        height:30,
    },
    opdateViewStyle: {
        color: 'white',
        fontSize: 15,
        textAlign: 'center',
    },

    titleView:{
        height: 40,
        marginTop:  0,
        marginBottom: 4,
        backgroundColor: '#fff',
        flexDirection: 'row',
    },

    titleViewLeft: {
        marginLeft:10,
        justifyContent: 'flex-start',
        alignItems: 'center',
        flex:1,
        flexDirection: 'row',
    },

    titleViewRight: {
        marginRight:10,
        justifyContent: 'flex-end',
        alignItems: 'center',
        width:50,
        flexDirection: 'row',
    },

    titleStyle: {
        color: COLOR_FOCUS,
        fontSize: 15,
        textAlign: 'center'
    },

    textStyle:{
        fontSize:18,
    },

    content:{
        width:'100%',
        flexDirection:'row',
        justifyContent:'space-around'
    },

    modalContainer: {
        flex: 1,
        backgroundColor: 'rgba(0, 0, 0, 0.5)'
    },

    modalBox:{
        alignItems:'center',
        height:300,
        backgroundColor:'white',
        width: SCREEN_WIDTH,
        bottom:0,
        position:'absolute',
    },

    modalTitle:{
        borderBottomColor:'#b2b2b2',
        borderBottomWidth:1,
        height:49,
        width:SCREEN_WIDTH,
        alignItems:'center',
        justifyContent:'center',
        flexDirection:'row',
    },

    modalTitleText:{
        fontSize:20,
        color:'black',
    },

    modalCheck:{
        position:'absolute',
        right: 10,
    },

    modalCheckText:{
        fontSize:17,
        color:'#1f60ff',
    },

    modalBody:{
        flexDirection:'row',
        width:SCREEN_WIDTH,
        height:250,
    },

    roleModalBody:{
        flexDirection:'row',
        width:SCREEN_WIDTH,
        height:50,
        borderBottomColor:'#d5d5d5',
        borderBottomWidth:1,
    },

    modalBodyLeft:{
        width:SCREEN_WIDTH*2/5,
        flexDirection:'column',
        backgroundColor:'#e4e4e4',
    },

    modalBodyRight:{
        width:SCREEN_WIDTH*3/5,
        flexDirection:'column',
    },

    leftBox:{
        justifyContent: 'center',
        alignItems: 'center',
        height:40,
        backgroundColor:'#e4e4e4'
    },

    leftBoxChoose:{
        justifyContent: 'center',
        alignItems: 'center',
        height:40,
        backgroundColor:'#ffffff'
    },

    leftText:{
        fontSize:17,
        color:'black',
    },

    rightBox:{
        alignItems: 'flex-start',
        backgroundColor:'#ffffff',
        minHeight: 40,
        marginLeft:30,
        paddingTop:10,
        flexDirection:'row',
    },

    rightBoxChoose:{
        alignItems: 'flex-start',
        backgroundColor:'#ffffff',
        minHeight: 40,
        marginLeft:30,
        paddingTop:15,
        flexDirection:'row',
    },

    rightText:{
        fontSize:17,
        color:'black',
    },

    rightTextChoose:{
        fontSize:17,
        color:'#1f60ff',
    },
});